<!DOCTYPE html>
<html lang="en">
<head>
    <title>Horarios</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.4.1.js"></script>
    <script>
		$(document).ready(function(){				   	
			$('.slider')._TMS({
				show:0,
				pauseOnHover:true,
				prevBu:'.prev',
				nextBu:'.next',
				playBu:false,
				duration:800,
				preset:'fade',
				pagination:true,
				pagNums:false,
				slideshow:7000,
				numStatus:false,
				banners:false,
				waitBannerAnimation:false,
				progressBar:false
			})		
		});
	</script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>
  <div class="main">
  <!--==============================header=================================-->
    <header>
        <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
        <div class="contenidoNormal"> 
            <ul class="menu">
                <li><a href="index.html" class="clr-1">Inicio</a></li>
                <li><a href="about.html" class="clr-2">Nosotros</a></li>
                <li class="current"><a href="schedule.html" class="clr-3">Horarios</a></li>
                <li><a href="gallery.html" class="clr-4">Galerías</a></li>
                <li><a href="contacts.html" class="clr-5">Contacto</a></li>
            </ul>
         </div>
    </header>   
  <!--==============================content================================-->
    <section id="content">
        <div class="container_12">	
          <div class="grid_4 bot-1">
            <h2 class="top-6 p6">Sobre horarios</h2>
            <p class="clr-7 p7"><strong>En esta página encontrarás lo que puede ser un modelo de horario</strong></p>
            <p class="p7">Toda esta información será modificable para cada alumnoy por cada profesor y/o familiar</p>
          </div>
          <div class="grid_8">
            <div class="block-1 top-5">
            	<div class="block-1-shadow">
                	<h2 class="clr-6 p6">Horario</h2>
                    <table class="table">
                    	<tr>
                        	<th>Lunes</th>
                            <th>Martes</th>
                            <th>Miercoles</th>
                            <th class="last">Jueves</th>
                        </tr>
                        <tr>
                        	<td><span>11:00</span><span class="clr-4">Nam liber tempor</span><span>Peter Stanton</span></td>
                            <td><span>11:00</span><span class="clr-4">Nam liber tempor</span><span>Peter Stanton</span></td>
                            <td><span>11:00</span><span class="clr-4">Nam liber tempor</span><span>Peter Stanton</span></td>
                            <td><span>11:00</span><span class="clr-4">Nam liber tempor</span><span>Peter Stanton</span></td>
                        </tr>
                        <tr>
                        	<td><span>13:00</span><span class="clr-4">Lorem ipsum</span><span>Helen Perton</span></td>
                            <td><span>13:00</span><span class="clr-4">Lorem ipsum</span><span>Helen Perton</span></td>
                            <td><span>13:00</span><span class="clr-4">Lorem ipsum</span><span>Helen Perton</span></td>
                            <td><span>13:00</span><span class="clr-4">Lorem ipsum</span><span>Helen Perton</span></td>
                        </tr>
                        <tr>
                        	<td><span>16:00</span><span class="clr-4">Dolor sit amet</span><span>Jesica Murray</span></td>
                            <td><span>16:00</span><span class="clr-4">Dolor sit amet</span><span>Jesica Murray</span></td>
                            <td><span>16:00</span><span class="clr-4">Dolor sit amet</span><span>Jesica Murray</span></td>
                            <td><span>16:00</span><span class="clr-4">Dolor sit amet</span><span>Jesica Murray</span></td>
                        </tr>
                    </table>
                    <h2 class="clr-6 p6">Eventos diarios</h2>
                    <div class="wrap">
                    	<div class="box-2">
                            <div class="p4">
                                <p><strong>Abril 18, 2012</strong></p>
                                <p>La escuela de arte invita a todos los padres a la fiesta de la primavera y recuerda que no olviden el uniforme del niño para ese dia <br>¡Os esperamos!</p>
            				 </div>
            			</div>
            			<div class="box-2 last">	 
                            <div>
                                <p><strong>March 22, 2013</strong></p>
                                <p>Todos los niños deben llevar su careta de la sonrisa para este día </br> No lo olviden</p>
           					</div>
                       </div>
                    </div>
                    <div class="pad-2">
                    	<a href="#" class="link-2">Más eventos</a>
                    </div>
                </div>
            </div>
            <!--==============================footer=================================-->
            <footer>
                <p>© 2013 Art School</p>
                <p>Plantilla creada por <a class="link" href="http://www.maxline.es/" target="_blank" rel="nofollow">www.maxline.es</a></p>
            </footer>	  
          </div>
          <div class="clear"></div>
        </div>
    </section>    
   </div>      
</body>
</html>